// 引入DocumentTools组件
import DocumentTools from './components/DocumentTools';
// 引入IndexQuery组件
import IndexQuery from './components/IndexQuery';

// 定义App主组件
function App() {
  return (
    // 外层div容器
    <div>
      {/* 使用CSS Grid布局，分为两列，设置间距和内边距 */}
      <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '20px', padding: '20px' }}>
        {/* 左侧为DocumentTools组件 */}
        <DocumentTools />
        {/* 右侧为IndexQuery组件 */}
        <IndexQuery />
      </div>
    </div>
  );
}

// 导出App组件作为默认导出
export default App;
